<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/design.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
    <use-body>
        <div class="page-body">
            <span class="layui-breadcrumb breadcrumb" lay-separator="/">
                <a><i title="首页" class="iconfont use-more"></i></a>
                <a><cite>设计大厅</cite></a>
            </span>

            <div class="design page-border">

                <!-- 搜索 -->
                <div class="search-box">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <i class="iconfont  use-search"></i>
                        </div>
                        <input type="text" placeholder="Search..." class="layui-input">
                    </div>
                    <div class="btn-box">
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-radius">
                            <i class="iconfont  use-search"></i>
                            搜索
                        </button>
                        <button type="button" class="layui-btn layui-btn-normal layui-btn-radius">我的图纸库</button>
                    </div>
                </div>

                <!-- 过滤条件 -->
                <div class="filters">
                    <div class="item">
                        <div class="title">适合类型：</div>
                        <div class="layui-form filtersRadio">
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="全部">
                                <div lay-radio><span >全部</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            
                          </div>
                    </div>
                    <div class="item">
                        <div class="title">适合专业：</div>
                        <div class="layui-form filtersRadio">
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="全部">
                                <div lay-radio><span >全部</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="*****工程">
                                <div lay-radio><span >*****工程</span></div>
                            </div>
                            
                          </div>
                    </div>
                    <div class="item">
                        <div class="title">排序方式：</div>
                        <div class="layui-form filtersRadio">
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="全部">
                                <div lay-radio><span >全部</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="按更新时间">
                                <div lay-radio><span >按更新时间</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="按更新时间">
                                <div lay-radio><span >按收藏人数</span></div>
                            </div>
                            <div class="cell">
                                <input type="radio" name="AAA" value="0" title="按更新时间">
                                <div lay-radio><span >按创建时间</span></div>
                            </div>
                            
                          </div>
                    </div>
                    <div class="item border">
                        <div class="title"><strong>搜索结果：</strong></div>
                    </div>
                    
                </div>

                <div class="layui-tab layui-tab-brief">
                    <div class="layui-tab-content">
                        <div class="list">
                            <ul>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                                <li>
                                    <img src="../../static/images/Rectangle 43.png" alt="">
                                    <span>我是图纸名称</span>
                                    <p>适合类型：市政工程</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </use-body>
</body>
<script>
    layui.use(function(){
      var laypage = layui.laypage;
      // 普通用法
      laypage.render({
        elem: 'laypage-1',
        layout: ['count', 'prev', 'page', 'next', 'limit'],
        theme: '#01A2E4',
        count: 50 // 数据总数
      });
    });
    </script>
</html>